## 5.1 Descargar archivo de código

Haz clic para descargar el archivo de código requerido para el curso: [Haz clic para descargar](./Kidsblock.7z)

## 5.2 Instalación del software en sistema Windows

1. Descargar kidsblock: https://wiki.kidsbits.cc/projects/KidsBlock/en/latest/

![Ani](./media/A1.gif)

2. Instalación del software

![An](./media/A2.gif)

3. Operar el software

Primero conecta la placa de desarrollo al ordenador

![A](./media/A3.gif)

## 5.3 Instalación del software en sistema Mac

1. Descargar kidsblock: https://xiazai.keyesrobot.cn/KidsBlock.dmg

2. Haz clic en KidsBlock y arrastra KidsBlock Desktop a Aplicaciones.  
![Img](media/A4.png)

3. Espera a que se instale. El icono de KidsBlock aparecerá en Launchpad si se instaló correctamente.  
![Img](media/A5.png)

## 5.4 Cómo usar KidsBlock

Demostramos cómo usar KidsBlock en sistema Windows

1. Interfaz

![QQ20250516-104217](media/A6.png)

2. Haz clic ![](media/A7.png) para cambiar a diferentes idiomas.

![](media/A8.png)

3. Haz clic ![](media/A9.png) para entrar a la página principal, selecciona la placa de control necesaria. En este proyecto, seleccionamos la placa principal "**UNO development board**" y haz clic en **Connect**, luego estará conectada. Haz clic en **Go to Editor** para volver al editor de código.  
El icono ![](media/A10.png) cambiará a ![Img](media/A11.png) y ![](media/A12.png) cambiará a ![image-20250516094316842](media/A13.png). Esto significa que la placa principal Uno Plus y los puertos (COM) están conectados.

![image-20250516093857221](media/A14.png)

![image-20250516094005544](media/A15.png)

![image-20250516094026631](media/A16.png)

![image-20250516094244414](media/A17.png)

4. Si la placa principal Uno Plus está conectada, pero el icono ![](media/A12.png) no cambia a ![image-20250516094348761](media/A18.png), necesitas hacer clic en ![](media/A12.png) para conectar el puerto COM. Haz clic en ![](media/A12.png) y luego en **Connect**. Aparecerá una ventana mostrando **Connected**.

![image-20250516094454628](media/A19.png)

![image-20250516094005544](media/A15.png)

![image-20250516094026631](media/A16.png)

![image-20250516094244414](media/A17.png)

Para desconectar el puerto, solo haz clic en ![image-20250516094402344](media/A20.png) y luego en **Disconnect**.

![image-20250516094608713](media/A21.png)

5. La placa principal Uno Plus y el puerto COM están conectados, entonces al hacer clic ![](media/A22.png) cambiará a ![](media/A23.png).

![image-20250516094638798](media/A24.png)

![image-20250516094700571](media/A25.png)

![QQ20250516-095952](media/A26.png)

<span style="color: rgb(255, 76, 65);">Nota:</span> si quieres actualizar las librerías de KidsBlock, haz clic en ![](media/A27.png), luego en Clear cache y reinicia.

![](media/A28.png)

6. ![](media/A29.png) representa las librerías de extensión de sensores y módulos. Haz clic en ![](media/A29.png) para entrar a la página de librerías de extensión, haz clic en un sensor o módulo para añadirlo.

Por ejemplo, si haces clic en el módulo “passive buzzer” ![](media/A30.png), “**Not loaded**” cambiará a “**Loaded**”. Entonces el buzzer pasivo está añadido.

![Img](media/A31.png)

![](media/A32.png)

Haz clic en ![](media/A33.png) para volver al editor de código. Luego puedes ver el zumbador pasivo en el área de bloques.

![](media/A34.png)

Si quieres eliminar el zumbador pasivo, haz clic en ![](media/A29.png) para seleccionar el zumbador pasivo ![](media/A30.png). Entonces “**Loaded**” cambiará a “**Not loaded**”. Así se elimina el zumbador pasivo.

![](media/A32.png)

![](media/A35.png)

La forma de eliminar otros sensores o módulos es igual que con el zumbador pasivo.

7. Cómo abrir archivos tipo SB3：

1). Haz doble clic en archivos tipo SB3 para abrirlos. Por ejemplo, para abrir ![image-20250516105019155](media/A36.png), necesitamos hacer doble clic en
![](media/A36.png).

![image-20250516102748387](media/A37.png)

2). Abre Kidsblock, haz clic en **file and Load from your computer**, luego selecciona el archivo tipo SB3 en el ordenador. (por ejemplo: ![](media/A36.png)).

![](media/A38.png)

![image-20250516105121551](media/A39.png)

![image-20250516102748387](media/A37.png)

<span style="color: rgb(255, 76, 65);">Nota：Por favor, consulta el siguiente enlace para MacOS：</span>[https://kidsblocksite.readthedocs.io/en/latest/](https://kidsblocksite.readthedocs.io/en/latest/)